<template>
    <div class="container">
        <h1>404 Not Found</h1>
        <el-button type="primary" icon="el-icon-back" @click="goHome">返回首页</el-button>
    </div>
  </template>
  
  <script>
  export default {
    name: '404',
    methods:{
        goHome(){
            this.$router.push('/');
        }
    }
  }
  </script>
  
  
  <style lang="scss" scoped>
  .container{
    width: 100%;
    height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h1{
        font-size: 60px;
    }
  }
  </style>